extends layout
append scripts
    script.
        // append(), 把 DOM 添加到最后, 可以接受字符串 或者 DOM 对象 等
        // prepend() 则把 DOM 添加到最前
        // 如果要添加的 DOM 节点已经存在于 HTML 文档中, 它会首先从文档移除, 然后再添加, 用 append(), 你可以移动一个 DOM 节点
        var ul = $('#test-div>ul');  // 子选择器拿到 ul 节点
        ul.append('<li><span>Haskell</span></li>');                                                      // 添加 字符串
        ul.append($('#scheme'));                                                                         // 添加 jQuery 对象
        ul.append(function (index, html) { return '<li><span>Language - ' + index + '</span></li>'; });  // 添加函数对象
        var ps = document.createElement('li');  // 创建 DOM 对象
        ps.innerHTML = '<span>Pascal</span>';
        ul.append(ps);                          // 添加 DOM 对象
        // after(), before() 方法, 如果要把新节点插入到指定位置, 例如, JavaScript 和 Python 之间, 那么, 可以先定位到 JavaScript
        var js = $('#test-div>ul>li:first-child');
        js.after('<li><span>Lua</span></li>');  // before() 放到前面
        // remove()
        var li = $('#test-div>ul>li');
        li.remove();  // 所有 <li> 全被删除
block content
    #test-div
        ul
            li #[span JavaScript]
            li #[span Python]
            li #[span Swift]
